<script setup lang="ts">
import { MainLayout } from '~/components/MainLayout';
import { Title } from '~/components/Title/index';
import Imgs from '~/components/swiper/imgs.vue';
import LayoutCol from '~/components/MainLayout/layoutCol.vue';
import { Evaluate } from '~/components/evaluate';
</script>

<template>
    <MainLayout :maxwidth="false" startColor="2">
        <div class="flex">
            <img src="/comment/300.webp" alt="" class="w-full h-auto"></img>
        </div>
        <LayoutCol>
            <Title class="mb-0" title="Custom Embroidered Patches"
                content="The maximum number of colors a paThe maximum number of colors a paThe maximum number of colors a paThe maximum number of colors a paThe maximum number of colors a paThe maximum number of colors a paThe maximum number of colors a pa" />
            <v-btn elevation="0" color="#39c464" class="w-full! mt-4 text-white max-w-[400px]! mx-auto!">
                View All Custom Products
            </v-btn>
        </LayoutCol>
        <LayoutCol>
            <Title title="Hear from our esteemed customers." content=" ">
                <template #contentBottom>
                    <EvaluateOther />
                </template>
            </Title>
            <Evaluate />
        </LayoutCol>
        <LayoutCol>
            表单组件
        </LayoutCol>
    </MainLayout>
</template>
